body {
    background: #eeeeee;
    line-height: normal;
    font-size: 14px;
    font-family: 'open_sans';
    font-weight: normal;
    color: #161616;
    overflow-x: hidden;
}

html, body {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5 {
    font-weight: 300;
}

label {
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 13px;
}

ul li {
    list-style: none;
}

a {
    color: #0082e7;
    cursor: pointer;
}

    a, a:hover, a:focus {
        text-decoration: none;
        outline: none;
        outline: 0;
    }

option {
    padding: 0;
}

input:focus, textarea:focus {
    outline: none;
}

*:focus {
    outline: none;
}

::selection {
    background: #688a7e;
    color: #fff;
}

::-moz-selection {
    background: #688a7e;
    color: #fff;
}

.table_base {
    display: table;
}

.table_base_row {
    display: table-row;
}

.table_base_cell {
    display: table-cell;
}

.float_none {
    float: none;
}

.vartical_top {
    vertical-align: top;
}

.vartical_middle {
    vertical-align: middle;
}

.padding_none {
    padding: 0;
}

#container {
    width: 100%;
    height: 100%;
}

.display_inline {
    display: inline-block;
}

.width100 {
    width: 100%;
}

.clear {
    clear: both;
}

.red_text {
    color: #ff0000;
}

.form-control {
    color: #000;
}
/*-----------------  Header css start  -------------------------*/

.header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
    min-height: 65px;
    background: #e8e8e8;
    -webkit-box-shadow: 0px -4px 11px 1px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px -4px 11px 1px rgba(0,0,0,0.40);
    box-shadow: 0px -4px 11px 1px rgba(0,0,0,0.40);
}

.logo {
    width: 270px;
    float: left;
    padding: 15px;
    color: #fff;
}

    .logo a {
        display: block;
    }

.logo_align {
    text-align: center;
}

.logo a:hover, .logo a:focus {
    text-decoration: none;
    outline: none;
}


#custom-search-input {
    padding: 3px;
    border: solid 0px #E4E4E4;
    border-radius: 30px;
    background-color: #fff;
    float: right;
    margin-top: 16px;
    margin-right: 22px;
}

    #custom-search-input input {
        border: 0;
        box-shadow: none;
        height: 28px;
        background: transparent;
    }

    #custom-search-input button {
        margin: 0;
        background: none;
        box-shadow: none;
        border: 0;
        color: #666666;
        padding: 0 8px 0 10px;
        border-left: solid 1px #ccc;
    }

        #custom-search-input button:hover {
            border: 0;
            box-shadow: none;
            border-left: solid 1px #ccc;
        }

.top-nav {
    margin-top: 20px;
    margin-right: 15px;
}

.user_link {
    color: #565656;
    font-weight: bold;
    cursor: pointer;
}

.pull-right > .dropdown-menu {
    right: 15px;
    width: 240px;
}

.user_box {
    background: #fff;
    border: 1px solid #d3d3d3;
}

    .user_box:after, .user_box:before {
        bottom: 100%;
        right: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .user_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 15px;
        margin-left: -15px;
    }

    .user_box:before {
        border-color: rgba(211, 211, 211, 0);
        border-bottom-color: #d3d3d3;
        border-width: 16px;
        margin-left: -16px;
    }

.top-nav .dropdown-menu {
    padding: 0;
}

.dropdown-menu > li > a {
    padding: 7px 15px;
    font-size: 15px;
    font-weight: bold;
    color: #575454;
    border-top: 1px solid rgba(153,153,153, .3);
}

    .dropdown-menu > li > a > i {
        margin-right: 12px;
    }

.top-menu .top_border_none {
    border-top: 0px solid rgba(153,153,153, .3);
}

.user_name {
    font-size: 18px;
    color: #000;
    padding-top: 7px;
    display: block;
}

.user_mail {
    font-size: 14px;
    color: #818080;
    padding-bottom: 15px;
    display: block;
}

.note_text {
    font-size: 12px;
    text-align: right;
}

    .note_text span {
        background: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 20px;
        color: #086694;
        display: inline-block;
    }

.red_text_note {
    color: #c6331b;
}
/*-----------------  Header css end  -------------------------*/


/*--------------------  Main Content css start  ---------------------*/

#main-content {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.panel-content {
    padding: 10px;
}

.wrapper {
    display: inline-block;
    margin-top: 65px;
    width: 100%;
}

.breadcrumb_list {
    background: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid #e1e1e1;
}

.breadcrumb_title_name {
    font-size: 18px;
    color: #4b4b4b;
}

.breadcrumb_title_active {
    font-size: 12px;
    color: #777777;
}
/*--------------------  Main Content css end  ---------------------*/

/*--------------------------- Background Color -------------------------------- */

.blue_dark_background {
    background: #19314a;
}

.red_backg {
    background: url(../images/closing_note.png) bottom right no-repeat #f75336;
}

.green_backg {
    background: url(../images/history.png) bottom right no-repeat #58b40d;
}

.blue_light_backg {
    background: url(../images/globe.png) bottom right no-repeat #46abd3;
}


/* ------------------------  Info Box  ------------------------------ */
.report_box {
    padding-top: 10px;
    position: relative;
}

.info-box {
    margin-bottom: 35px;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 10px 1px rgba(163,163,163,.5);
    -moz-box-shadow: 0px 1px 10px 1px rgba(163,163,163,.5);
    box-shadow: 0px 1px 10px 1px rgba(163,163,163,.5);
    display: block;
}

.counter_text {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    display: block;
    vertical-align: top;
    padding: 15px 15px 10px 15px;
}

.title_heading {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 0 15px 10px 15px;
}

.use_icon_team {
    width: 50%;
    ;
    display: inline-block;
    line-height: 40px;
    font-size: 24px;
    float: left;
    color: #fff;
    text-align: center;
}

.blue_icon_bg {
    background: #337ab7;
}

.red_icon_bg {
    background: #ec6f59;
}

.green_icon_bg {
    background: #55c831;
}

.blue_light_icon_bg {
    background: #379fbe;
}

.use_icon_team:hover, .use_icon_team:focus {
    color: #fff;
}

.info-box .cont_team {
    padding-top: 26px;
    padding-bottom: 30px;
    padding-right: 0;
}


/*----------------------  Order Service Box   -----------------*/
.box_panel {
    background: #fff;
    border: 1px solid #d9d8d8;
    margin-bottom: 20px;
}

.content_panel {
    padding: 15px 15px 6px 15px;
}

    .content_panel h3 {
        font-size: 16px;
        color: #00a0e0;
        font-weight: 600;
        margin: 0;
    }

.box_panel .nav-tabs {
    border-bottom: 0px solid #ddd;
}

.tabs_list > li {
    width: 50%;
}

    .tabs_list > li > a {
        margin-right: 0px;
        border-radius: 0;
        text-align: center;
        border-bottom: 1px solid #ddd;
        background: #f6f6f6;
        font-size: 16px;
        font-weight: 600;
        color: #1d1d1d;
    }

    .tabs_list > li.active > a, .tabs_list > li.active > a:focus, .tabs_list > li.active > a:hover {
        border-top: 0px solid #ddd;
        border-bottom: 2px solid #fff;
        border-right: 0px solid #ddd;
        border-left: 0px solid #ddd;
    }

.border_left_tab {
    border-left: 1px solid #ddd;
}

.check_box_new_servie {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #e9ebee;
}

.check_box_servie {
    display: block;
    padding: 16px 0;
    border-bottom: 1px solid #e9ebee;
}

.control {
    display: block;
    position: relative;
    padding-right: 27px;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: normal;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 2px;
    right: 0;
    height: 24px;
    width: 24px;
    background: #e6e6e6;
    border: 1px solid #b2b3b3;
    border-radius: .25em;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: -1px;
    top: -1px;
    width: 24px;
    height: 24px;
    font-family: 'FontAwesome';
    content: "\f00c";
    color: #46abd3;
    font-size: 16px;
    background: #fff;
    border: 1px solid #46abd3;
    border-radius: .25em;
    padding-top: 3px;
    padding-left: 3px;
    transition: all 1s ease;
}

.content_panel .checkbox label {
    padding-left: 0;
    display: block;
}

.form_input_check {
    width: 85%;
    height: 30px;
    padding: 4px 10px;
    font-size: 13px;
}

.order_service_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ff6000;
    border: 1px solid #ff6000;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 15px;
}

    .order_service_button:hover {
        background: #c74e05;
        border: 1px solid #c74e05;
        color: #fff;
    }

/*----------------------  Order Service Box End   -----------------*/

/*----------------------  Fee Calculator   -----------------*/
.main_heding {
    background: #f6f6f6;
    border-bottom: 1px solid #d9d8d8;
}

    .main_heding h2 {
        font-size: 16px;
        color: #1d1d1d;
        margin: 0;
        padding: 14px 0 14px 14px;
        font-weight: 600;
        float: left;
    }

.form_control_box {
    padding: 15px 0;
}

.form_input_box {
    height: 31px;
    padding: 4px 10px;
    font-size: 14px;
    border: 1px solid #d5d5d5;
}

.quote_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #58b40d;
    border: 1px solid #58b40d;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0px;
}

    .quote_button:hover {
        background: #469902;
        border: 1px solid #469902;
        color: #fff;
    }

.view_quote_link {
    float: right;
    font-size: 14px;
    color: #0999d1;
    text-decoration: underline;
    margin-top: 12px;
    margin-right: 15px;
    font-weight: 600;
}

/*----------------------  Fee Calculator End   -----------------*/

/*----------------------  Graph Chart  -----------------*/
.graph_chart_box {
    padding: 17px;
    text-align: center;
}

    .graph_chart_box img {
        max-width: 100%;
    }
/*----------------------  Graph Chart End  -----------------*/

/*----------------------  Event Calendar   -----------------*/
#dtp_input1 .table-condensed {
    width: 100%;
    color: #4d4d4d;
}

    #dtp_input1 .table-condensed td {
        border: 1px solid #d9d8d8;
        padding: 4px;
    }

#dtp_input1 .datetimepicker-inline {
    width: 100%;
    padding: 0px;
}

#dtp_input1 .table-condensed tr th.dow {
    border: 1px solid #d9d8d8;
    padding: 4px;
}


/*----------------------  Event Calendar  End  -----------------*/

/*----------------------  Web Tutorial and survey  -----------------*/
.float_left {
    float: left;
}

.float_right {
    float: right;
}

.tutrial_box {
    float: left;
    padding: 16px 15px;
    width: 100%;
}

.heading_h5 {
    font-size: 14px;
    color: #565656;
    font-weight: 600;
    margin: 0;
    padding: 0 0 5px 15px;
}

.tutrial_box ul {
    margin: 0 0 0 35px;
    padding: 0;
}

.tutrial_box li {
    list-style: none;
    background: url(../images/point_icon.png) left center no-repeat;
    padding: 2px 0 2px 10px;
    font-size: 12px;
    color: #7a7a7a;
}

.tutrial_button {
    padding: 4px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #46abd3;
    border: 1px solid #46abd3;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 15px;
}

    .tutrial_button:hover {
        background: #18a0d6;
        border: 1px solid #18a0d6;
        color: #fff;
    }

.survey_h3 {
    font-size: 16px;
    color: #449602;
    font-weight: 600;
    margin: 0;
}

.survey_img {
    max-width: 100%;
}


/*----------------------  Table Panel Box   -----------------*/
.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {
    vertical-align: middle;
}

.panel_box {
    background: #fff;
    border: 1px solid #d9d8d8;
    margin-bottom: 25px;
}

.panel_box_heading {
    border-bottom: 1px solid rgba(188,187,187,.5);
    padding: 0;
    display: table;
    width: 100%;
}

    .panel_box_heading h3 {
        margin: 0;
        padding: 0;
        color: #323232;
        font-size: 18px;
    }

        .panel_box_heading h3 i {
            color: #6d6d6d;
        }


.table_box .panel_box_heading {
    border-bottom: none;
    padding: 0;
}

    .table_box .panel_box_heading h3 {
        margin: 0;
        font-weight: 600;
        padding: 12px 15px;
        color: #1d1d1d;
        font-size: 16px;
        border-bottom: 1px solid rgba(153,153,153,.4);
    }

        .table_box .panel_box_heading h3 i {
            color: #5b5b5b;
        }

.table_box .dataTables_wrapper .col-sm-6 {
    display: none;
}

.table_box .dataTable thead tr th {
    background: #5e6e80;
    color: #fff;
    padding: 15px 8px;
    font-weight: normal;
}

.table_box .dataTables_wrapper .row .col-sm-5, .table_box .dataTables_wrapper .row .col-sm-7 {
    display: none;
}

.table_box table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

    .table_box table.dataTable thead .sorting:after, .table_box table.dataTable thead .sorting_asc:after, .table_box table.dataTable thead .sorting_desc:after, .table_box table.dataTable thead .sorting_asc_disabled:after, .table_box table.dataTable thead .sorting_desc_disabled:after {
        bottom: 15px;
    }

.table_icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
}

.table-scroll-y {
    overflow-y: auto !important;
    height: 280px !important;
}

.process_icon {
    line-height: 23px;
    font-size: 13px;
    background: #00aef7;
    border: 1px solid #0880b3;
}

.complate_no_icon {
    line-height: 20px;
    background: #fff;
    border: 1px solid #b0b0b0;
}

.complate_icon {
    line-height: 20px;
    background: #449602;
    border: 1px solid #377704;
}

.ban_icon {
    line-height: 22px;
    background: #ec6f59;
    border: 1px solid #b21e03;
}

.copy_icon {
    line-height: 22px;
    background: #fff;
    border: 1px solid #b0b0b0;
    color: #9b9b9b;
}



#main-content.noleftspace {
    margin-left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.fotter {
    padding: 10px 0;
    border-top: 1px solid #cecdcd;
    display: block;
    color: #939393;
    text-align: center;
}

/*------------------ Modal popup Css start   --------------------------*/

.modal-dialog {
    margin: 80px auto 0 auto;
}

/*.modal_popup_scroll {
    max-height: 300px;
    min-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}*/
.modal_popup_scroll {
    max-height: inherit;
    min-height: inherit;
    overflow-x: inherit;
    overflow-y: inherit;
    padding: 10px;
}

.team-col .modal_popup_scroll {
    max-height: 500px;
    min-height: 300px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 10px;
}

.detail-col .table-responsive {
    height: 240px;
    overflow-y: auto;
}

#SendMail_popup {
    overflow: hidden;
}

    #SendMail_popup .modal-body {
        padding: 8px 15px;
    }

.modal-header {
    background: #f4f4f4;
}

.model_popup {
    padding-bottom: 5px;
    text-align: justify;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    line-height: 21px;
}

.modal-header {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.popup_heading_main {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #19314a;
    padding: 0;
}

.model_popup .close {
    opacity: 1;
    font-weight: normal;
    margin-top: 0;
    margin-right: 0;
}

    .model_popup .close:focus {
        outline: -webkit-focus-ring-color auto 0px;
    }

.sub_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #19314a;
    border: 1px solid #082848;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 15px;
}

/*------------------ Modal popup Css End   --------------------------*/

/*------------------ Chat Window Css start   --------------------------*/
.chat_button_bottom {
    background: url(../images/chat_icon.png) 33px 34px no-repeat #073f63;
    position: fixed;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    bottom: -42px;
    right: -42px;
    cursor: pointer;
}

.user_photo {
    width: 45px;
    height: 45px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    position: absolute;
    top: -10px;
    right: 57px;
    cursor: pointer;
}

.chat_window {
    position: absolute;
    display: none;
    max-width: 300px;
    height: 350px;
    border-radius: 5px 5px 0 0;
    background-color: #fff;
    bottom: 0;
    right: 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid #c6c6c6;
    overflow: hidden;
}

.top_menu {
    background-color: #19314a;
    width: 100%;
    padding: 8px 0 8px;
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
}

    .top_menu .buttons {
        margin: 3px 0 0 20px;
        position: absolute;
    }

        .top_menu .buttons .button {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 10px;
            position: relative;
        }

            .top_menu .buttons .button.close {
                background-color: #f5886e;
            }

            .top_menu .buttons .button.minimize {
                background-color: #fdbf68;
            }

            .top_menu .buttons .button.maximize {
                background-color: #a3d063;
            }

    .top_menu .title {
        text-align: center;
        color: #fff;
        font-size: 16px;
        float: left;
        padding-left: 10px;
    }

.popup-head-right {
    margin: 0px 7px 0;
}

.chat-header-button {
    background: transparent none repeat scroll 0 0;
    border: 0px solid #636364;
    border-radius: 50%;
    font-size: 14px;
    height: 20px;
    width: 25px;
}

.messages {
    position: relative;
    list-style: none;
    padding: 15px 10px 0 10px;
    margin: 0;
    height: 270px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .messages .message {
        clear: both;
        overflow: hidden;
        margin-bottom: 15px;
        transition: all 0.5s linear;
        opacity: 0;
    }

        .messages .message.left .avatar {
            background-color: #f5886e;
            float: left;
        }

        .messages .message.left .text_wrapper {
            background-color: #ffe6cb;
            margin-left: 10px;
        }

            .messages .message.left .text_wrapper::after, .messages .message.left .text_wrapper::before {
                right: 100%;
                border-right-color: #ffe6cb;
            }

        .messages .message.left .text {
            color: #c48843;
        }

        .messages .message.right .avatar {
            background-color: #fdbf68;
            float: right;
        }

        .messages .message.right .text_wrapper {
            background-color: #c7eafc;
            margin-right: 10px;
            float: right;
        }

            .messages .message.right .text_wrapper::after, .messages .message.right .text_wrapper::before {
                left: 100%;
                border-left-color: #c7eafc;
            }

        .messages .message.right .text {
            color: #45829b;
        }

        .messages .message.appeared {
            opacity: 1;
        }

        .messages .message .avatar {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: inline-block;
        }

        .messages .message .text_wrapper {
            display: inline-block;
            padding: 5px;
            border-radius: 3px;
            width: calc(100% - 45px);
            min-width: 100px;
            position: relative;
        }

            .messages .message .text_wrapper::after, .messages .message .text_wrapper:before {
                top: 8px;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .messages .message .text_wrapper::after {
                border-width: 5px;
                margin-top: 0px;
            }

            .messages .message .text_wrapper::before {
                border-width: 5px;
                margin-top: -2px;
            }

            .messages .message .text_wrapper .text {
                font-size: 14px;
                font-weight: normal;
            }

.bottom_wrapper {
    position: relative;
    width: 100%;
    background-color: #fff;
    padding: 7px;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #c6c6c6;
}

    .bottom_wrapper .message_input_wrapper {
        display: inline-block;
        height: 32px;
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        width: calc(100% - 40px);
        position: relative;
        padding: 0 10px;
        font-size: 12px;
    }

        .bottom_wrapper .message_input_wrapper .message_input {
            border: none;
            height: 100%;
            box-sizing: border-box;
            width: calc(100% - 20px);
            position: absolute;
            outline-width: 0;
            color: gray;
        }

    .bottom_wrapper .send_message {
        width: 40px;
        height: 32px;
        display: inline-block;
        cursor: pointer;
        transition: all 0.2s linear;
        text-align: center;
        float: right;
        font-size: 20px;
        line-height: 30px;
    }

        .bottom_wrapper .send_message:hover {
            color: #46abd3;
        }

.message_template {
    display: none;
}

.popup-box-on {
    display: block !important;
}

/*------------------ Chat Window Css End   --------------------------*/


/*------------------ Fee Calculator Page Css  --------------------------*/

.main_content {
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 15px 30px 15px;
    padding: 15px 10PX;
}

.main_h2 {
    font-size: 16px;
    color: #01b4e1;
    font-weight: 600;
    margin: 0 15px 10px 15px;
    border-bottom: 1px dashed #c1c1c1;
    padding: 10px 0;
}

.mainSeller_h2 {
    font-size: 16px;
    color: #01b4e1;
    font-weight: 600;
    margin: 0 15px 10px 15px;
    /*border-bottom: 1px dashed #c1c1c1;*/
    padding: 10px 0;
}

/*--------------------- Custom Radio Css ------------------------ */

.radio_list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

    .radio_list li {
        color: #AAAAAA;
        display: inline-block;
        position: relative;
        padding-bottom: 0;
    }

        .radio_list li input[type=radio] {
            position: absolute;
            visibility: hidden;
        }

        .radio_list li label {
            display: inline-block;
            position: relative;
            font-size: 13px;
            padding: 0px 10px 0px 25px;
            margin: 0 auto;
            height: 20px;
            z-index: 9;
            cursor: pointer;
            -webkit-transition: all 0.25s linear;
        }

        .radio_list li:hover label {
            color: #636363;
        }

        .radio_list li .check {
            display: block;
            position: absolute;
            border: 2px solid #AAAAAA;
            border-radius: 100%;
            height: 20px;
            width: 20px;
            top: 0;
            left: 0;
            z-index: 5;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
        }

        .radio_list li:hover .check {
            border: 2px solid #636363;
        }

        .radio_list li .check::before {
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 8px;
            width: 8px;
            top: 4px;
            left: 4px;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
        }

    .radio_list input[type=radio]:checked ~ .check {
        border: 2px solid #00b6ff;
    }

        .radio_list input[type=radio]:checked ~ .check::before {
            background: #00b6ff;
        }

    .radio_list input[type=radio]:checked ~ label {
        color: #00b6ff;
    }
/*--------------------- Custom Radio Css end ------------------------ */

.main_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #19314a;
    border: 1px solid #0e263e;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0px;
}

.sub_main_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #0495cb;
    border: 1px solid #0587b7;
    font-size: 14px;
    color: #fff;
    margin: 10px;
}

.sub2_main_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #19314a;
    border: 1px solid #0e253d;
    font-size: 14px;
    color: #fff;
    margin: 5px;
}

.sub3_main_button {
    padding: 6px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #0495cb;
    border: 1px solid #0587b7;
    font-size: 12px;
    color: #fff;
    margin-top: 24px;
}

.calculat_table {
    border: 1px solid #e2e1e1;
}

    .calculat_table thead tr th {
        background: #19314a;
        color: #fff;
        padding: 15px 8px;
        font-weight: normal;
    }

.total_span {
    font-size: 14px;
    font-weight: 600;
    color: #05b8ff;
}

.text_note {
    font-size: 14px;
    color: #939393;
    text-align: center;
    padding: 15px;
}

    .text_note p {
        font-size: 12px;
        margin-bottom: 15px;
    }

.br_brake {
    display: none;
}

.text-r {
    text-align: right;
}

/*------------------ Fee Calculator Page Css End  --------------------------*/


/*------------------ Order Process Page Css  --------------------------*/

/*form styles*/
#msform {
    position: relative;
    margin-top: 30px;
}
    /*buttons*/
    #msform .action-button {
        width: 100px;
        background: #00a2ff;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 5px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 0 5px;
    }

    #msform .action-button-previous {
        width: 100px;
        background: #00a2ff;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 5px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 0 5px;
    }
/*form styles*/
#msform {
    width: 100%;
    margin: 0;
    position: relative;
    padding: 15px;
}

    #msform fieldset {
        border: 0 none;
        box-sizing: border-box;
        text-align: center;
        /*stacking fieldsets above each other*/
    }
        /*Hide all except first fieldset*/
        #msform fieldset:not(:first-of-type) {
            display: none;
        }

/*headings*/
.fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
    margin: 0 0 30px 0;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    position: relative;
    padding: 0;
    z-index: 9;
}

    #progressbar li {
        list-style-type: none;
        color: #787878;
        text-transform: uppercase;
        font-size: 13px;
        width: 20%;
        float: left;
        position: relative;
        text-align: center;
    }

        #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 40px;
            line-height: 40px;
            display: block;
            font-size: 20px;
            color: #fff;
            background: #d5d5d5;
            border-radius: 100%;
            margin: 0 auto 8px auto;
        }
        /*progressbar connectors*/
        #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: #d5d5d5;
            position: absolute;
            left: -50%;
            top: 18px;
            z-index: -1; /*put it behind the numbers*/
        }

        #progressbar li:first-child:after {
            /*connector not needed before the first step*/
            content: none;
        }
        /*marking active/completed steps green*/
        /*The number of the step and the connector before it = green*/
        #progressbar li.active:before, #progressbar li.active:after {
            background: #354960;
            color: white;
        }

#msform .panel-default > .panel-heading {
    font-size: 16px;
    font-weight: 600;
    color: #262262;
}

#msform .panel {
    border-radius: 0;
    text-align: left;
}

.y_n_input {
    width: 80px;
}

.validate_link {
    line-height: 25px;
}

    .validate_link a {
        text-decoration: underline;
    }

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0 0px 0 -83px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.upload_input {
    width: 330px;
    display: inline-block;
    vertical-align: top;
}

.upload_button {
    padding: 7px 19px;
    -webkit-border-radius: 0 4px 4px 0;
    ;
    -moz-border-radius: 0 4px 4px 0;
    ;
    border-radius: 0 4px 4px 0;
    ;
    background: #03bbf2;
    border: 0px solid #0587b7;
    font-size: 12px;
    color: #fff;
    display: inline-block;
}

.form_controls {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.label_text {
    text-align: right;
}

.icons_main {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 21px;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.edit_icon {
    background: #fff;
    border: 1px solid #06abe8;
    color: #06abe8;
}

    .edit_icon:hover {
        background: #06abe8;
        color: #fff;
    }

.delete_icon {
    background: #fff;
    border: 1px solid #e45151;
    color: #e45151;
}

    .delete_icon:hover {
        background: #e45151;
        color: #fff;
    }

.bell_icon {
    background: #fff;
    border: 1px solid #354960;
    color: #354960;
}

    .bell_icon:hover {
        background: #354960;
        color: #fff;
    }

.cont_heading_fl {
    float: left;
}

.icon_box_fl {
    float: right;
    position: relative;
}

    .icon_box_fl .notification {
        position: absolute;
        top: 39px;
        right: -29px;
        width: 315px;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

.notifi_box {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 10px;
}

.icon_box_fl .notification:after, .icon_box_fl .notification:before {
    bottom: 100%;
    right: 27%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.icon_box_fl .notification:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}

.icon_box_fl .notification:before {
    border-color: rgba(211, 211, 211, 0);
    border-bottom-color: #d3d3d3;
    border-width: 16px;
    margin-left: -16px;
}

.icon_box_fl .btn-group {
    width: 100%;
}

.icon_box_fl .multiselect {
    width: 100%;
    text-align: left;
}

.icon_box_fl .caret {
    float: right;
    margin-top: 8px;
    position: absolute;
    right: 10px;
}

.icon_box_fl .btn-default:hover {
    color: #333;
    background-color: #fff;
    border-color: #adadad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.icon_box_fl .btn-default.active, .icon_box_fl .btn-default:active, .icon_box_fl .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #adadad;
}

.open {
    margin-right: 15px;
}

.header #toggle.open {
    margin-right: 0;
}

.sub_main_heading {
    margin: 0 0 20px 0;
    border-bottom: 1px dashed #c1c1c1;
    padding: 10px 0;
    float: left;
    width: 100%;
}

.sub_main_h2 {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    float: left;
    margin: 0;
    padding: 0;
}

.sub_pop_button {
    color: #06abe8;
    float: right;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.main_popup_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #00a2ff;
    border: 1px solid #0598ed;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0px;
}

.main_reset_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #b1b2b3;
    border: 1px solid #a4a4a5;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0px;
}

.pluse_icon {
    width: 30px;
    height: 28px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 25px;
    background: #00aef7;
    border: 0px solid #0880b3;
    margin-top: 26px;
    margin-right: 15px;
}

.h3_heading {
    font-size: 16px;
    font-weight: 600;
    color: #262262;
    margin: 10px 15px 10px 15px;
}

.label_large {
    font-size: 16px;
    font-weight: 600;
    margin: 0 15px;
    color: #000;
}

.loan_text {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-top: 20px;
}

.date_input {
    width: 48%;
    display: inline-block;
}

.endorsements_list .btn-group {
    width: 100%;
}

.endorsements_list .multiselect {
    width: 100%;
    text-align: left;
}

.endorsements_list .caret {
    float: right;
    margin-top: 8px;
    position: absolute;
    right: 10px;
}

.endorsements_list .btn-default:hover {
    color: #333;
    background-color: #fff;
    border-color: #adadad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.endorsements_list .btn-default.active, .endorsements_list .btn-default:active, .endorsements_list .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #adadad;
}

.endorsements_list .multiselect-container {
    height: 250px;
    overflow: auto;
}

.endorsements_list button.multiselect.dropdown-toggle.btn.btn-default {
    height: 31px !important;
    padding: 4px 10px !important;
}

.h2_main_summary {
    font-size: 16px;
    color: #06abe8;
    margin: 0;
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
}

.form_group_sum {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.label_main {
    text-align: right;
    padding: 0 5px;
}

.label_summary {
    color: #3e3e3e;
    font-weight: 600;
    padding: 0 5px;
}

.h3_heading_search {
    font-size: 16px;
    font-weight: 600;
    color: #262262;
    margin: 10px 0 10px 0;
}

/*------------------ Order Process Page Css  End --------------------------*/

/*------------------  Manage Order Page Css  --------------------------*/

.sear_main_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #00a2ff;
    border: 1px solid #0098f0;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0px;
}

.order_table .table-responsive .table {
    border: 1px solid #d9d8d8;
}

    .order_table .table-responsive .table thead tr th {
        background: #5e6e80;
        color: #fff;
        padding: 10px 8px;
        font-weight: normal;
    }

.order_table .dataTables_wrapper .col-sm-6 {
    display: none;
}
.btngray {
    font-size: 12px;
    color: black;
    margin-top: 15px;
}
.view_icon {
    background: #fff;
    border: 1px solid #06abe8;
    color: #06abe8;
}

    .view_icon:hover {
        background: #06abe8 ;
        color: #fff;
    }

.comment_table {
    border: 1px solid #e2e1e1;
}

    .comment_table thead tr th {
        background: #5e6e80;
        color: #fff;
        padding: 10px 8px;
        font-weight: normal;
    }

.comment_text {
    font-weight: 600;
    color: #6f6f6f;
    margin-bottom: 15px;
}

.manage_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #00a2ff;
    border: 1px solid #0098f0;
    font-size: 14px;
    color: #fff;
    margin-bottom: 7px;
}
/*------------------  Manage Order Page Css End  --------------------------*/

/*------------------  Web Tutorial Page Css  --------------------------*/

.main_content .body_tutorial_heading {
    background: #717171;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    border-color: transparent;
}

.body_tutorial {
    padding: 0;
    background: #d4edf3;
}

.tutorial_img {
    max-width: 100%;
    opacity: 0.5;
}

.body_tutorial a:hover .tutorial_img {
    opacity: 1;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*------------------  Web Tutorial Page Css End  --------------------------*/

/*------------------  Contact Team Page Css  --------------------------*/

.team_photo {
    border: 1px solid #808080;
    width: 100%;
    height: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.support_team_name {
    font-size: 16px;
    color: #00aeff;
    font-weight: 600;
    margin: 0;
}

.support_team_position {
    font-size: 11px;
    color: #787878;
}

.support_team_list {
    margin: 0;
    padding: 0 0 10px 0;
}

    .support_team_list li {
        list-style: none;
        padding: 3px 0;
        color: #787878;
        font-size: 14px;
    }

        .support_team_list li a {
            color: #087eb5;
            text-decoration: underline;
        }

.team_box_margin {
    margin: 10px 0;
}

/*------------------  Contact Team Page Css End  --------------------------*/

/*------------------  Chat Button Page Css  --------------------------*/

.zoom {
    position: fixed;
    bottom: -17px;
    right: -36px;
    height: 70px;
}

.zoom-fab {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #073f63;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    color: #FFF;
}

    .zoom-fab:hover {
        background-color: #033250;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    }

    .zoom-fab .chat_icon_bottom {
        position: absolute;
        width: 22px;
        height: 22px;
        bottom: 18px;
        right: 38px;
        background: url(../images/chat_icon.png) no-repeat;
    }

.zoom-btn-large {
    width: 100px;
    height: 100px;
}

.zoom-menu {
    position: absolute;
    right: 110px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 500px;
    list-style: none;
    text-align: right;
}

    .zoom-menu li {
        display: inline-block;
        margin-right: 10px;
    }

.zoom-card {
    position: absolute;
    right: 150px;
    bottom: 70px;
    transition: box-shadow 0.25s;
    padding: 24px;
    border-radius: 2px;
    background-color: #009688;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: #FFF;
}

    .zoom-card ul {
        -webkit-padding-start: 0;
        list-style: none;
        text-align: left;
    }

.team_users_photo {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: -1px 8px 14px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: -1px 8px 14px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: -1px 8px 14px rgba(0, 0, 0, 0.27);
}

.scale-transition {
    transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

    .scale-transition.scale-out {
        transform: scale(0);
        transition: transform 0.2s !important;
    }

    .scale-transition.scale-in {
        transform: scale(1);
    }

/*------------------  Chat Button Page Css End  --------------------------*/

/*------------------  User Profile Page Css  --------------------------*/

.change_img {
    width: 105px;
    height: 104px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #929495;
}

.upload_photo_button {
    padding: 8px;
    width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #0370a0;
    border: 1px solid #046b98;
    color: #fff;
    font-size: 15px;
    color: #fff;
}

    .upload_photo_button input {
        opacity: 0;
        position: absolute;
        left: -99999px;
    }

.upload_file_text {
    font-size: 13px;
    color: #b1b1b1;
    display: block;
    margin-top: 10px;
}

.change_profile_hd {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 7px;
    color: #000;
    text-transform: uppercase;
}

.change_text_hd {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 10px;
    color: #777777;
}

.team_tree_hd {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 15px;
    color: #02a1e7;
}

.team_tree_img {
    width: 45px;
    height: 45px;
    border: 1px solid #808080;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin-right: 5px;
}

.team_tree_box {
    display: block;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}

.team_tree_name {
    font-size: 14px;
    color: #787878;
    padding-top: 10px;
    padding-left: 10px;
    display: inline-block;
}

.user_cont_detail {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 15px;
    color: #272727;
}

.user_service_list {
    padding: 0;
    margin: 0;
}

    .user_service_list li {
        background: url(../images/right_check.png) left 7px no-repeat;
        padding: 2px 0 2px 20px;        
    }

.user_detail_box {
    margin: 0 0 5px 0;
    border-bottom: 1px dashed #c1c1c1;
    padding: 10px 0;
    float: left;
    width: 100%;
}

.user_detail_h2 {
    font-size: 16px;
    color: #06abe8;
    font-weight: 600;
    float: left;
    margin: 0;
    padding: 0;
}

.edit_checkbox .control {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: normal;
    line-height: 22px;
}

    .edit_checkbox .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.edit_checkbox .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 1px solid #b2b3b3;
    border-radius: .25em;
}


.edit_checkbox .control:hover input ~ .control__indicator,
.edit_checkbox .control input:focus ~ .control__indicator {
    background: #ccc;
}

.edit_checkbox .control input:checked ~ .control__indicator {
    background: #2aa1c0;
}

.edit_checkbox.control:hover input:not([disabled]):checked ~ .control__indicator,
.edit_checkbox .control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}

.edit_checkbox .control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.edit_checkbox .control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.edit_checkbox .control input:checked ~ .control__indicator:after {
    display: block;
}

.edit_checkbox .control--checkbox .control__indicator:after {
    left: -1px;
    top: -1px;
    width: 20px;
    height: 20px;
    font-family: 'FontAwesome';
    content: "\f00c";
    color: #5ebc4c;
    font-size: 13px;
    background: #fff;
    border: 1px solid #5ebc4c;
    border-radius: .25em;
    padding-top: 0;
    padding-left: 3px;
    line-height: 19px;
}

.edit_checkbox .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.custom_map {
    max-width: 100%;
}

.docUpload {
    position: absolute;
    overflow: hidden;
    margin: -3px 0px 0 -95px;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 0 4px 4px 0;
    right: 15px;
    top: 4px;
}

    .docUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        width: 100%;
    }

.doc_input {
    width: 92%;
    display: inline-block;
}

.doc_upload_file {
    padding: 6px 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #00a2ff;
    border: 1px solid #0098f0;
    font-size: 14px;
    color: #fff;
    margin-top: 0px;
}

.padd_t_b {
    padding: 27px 0;
}
/*------------------  User Profile Page Css End  --------------------------*/

/*------------------  Document File and notification Page Css  --------------------------*/
.note_link {
    font-size: 20px;
    color: #777777;
    margin-right: 12px;
}

.tooglemenu {
    background: #fff;
    height: 91vh;
    position: fixed;
    top: 64px;
    right: 0;
    width: 290px;
    z-index: 9999;
    transition: 1s all;
    margin-right: -290px;
    overflow: auto;
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}

.sidebar-nav {
    display: block;
}

    .sidebar-nav li {
        list-style: none;
        padding: 15px 15px;
        border-bottom: 1px solid #dedede;
        color: #545454;
        font-size: 13px;
        text-align: justify;
    }

        .sidebar-nav li h4 {
            font-size: 15px;
            font-weight: 600;
            color: #5bc106;
            margin: 0;
            padding-bottom: 5px;
        }

        .sidebar-nav li .datesmall {
            font-size: 12px;
        }

.open {
    transition: 1s all;
}

.tooglemenu .h2 {
    font-size: 17px;
    font-weight: 600;
    color: #19314b;
    text-align: center;
    margin: 0;
    background: #f6f6f6;
    padding: 13px 10px;
}

/*------------------  Document File and notification Page Css End  --------------------------*/

/*------------------  Order Details Page Css   --------------------------*/

.step_box {
    width: 100%;
    padding: 10px 15px;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-row {
    display: table-row;
    counter-reset: step;
}

    .stepwizard-row li {
        display: table-cell;
        text-align: center;
        position: relative;
    }

        .stepwizard-row li p {
            font-size: 14px;
            font-weight: 600;
            color: #000;
            margin-bottom: 0;
            margin-top: 7px;
            vertical-align: top;
        }


.step_full_name {
    width: 100%;
    padding: 0 15px 15px 15px;
    color: #7a7a7a;
}

    .step_full_name span {
        font-size: 15px;
        font-weight: 600;
        color: #434343;
    }

.stepwizard-row.left-section li {
    display: block;
    text-align: left;
    padding: 20px 0 20px 44px;
    position: relative;
}

    .stepwizard-row.left-section li p.step_name_large {
        display: inline-block;
    }

    .stepwizard-row.left-section li.active_step:before {
        background: #07a5d3;
        color: #fff;
        content: "\f00c";
        font-family: FontAwesome;
    }

    .stepwizard-row.left-section li:before {
        content: '';
        width: 35px;
        height: 35px;
        text-align: center;
        padding: 6px 0;
        font-size: 16px;
        line-height: 1.428571429;
        border-radius: 100%;
        font-weight: 600;
        background: #dcdcdc;
        color: #000;
        display: inline-block;
        position: absolute;
        left: 0;
        z-index: 1;
    }

    .stepwizard-row.left-section li:after {
        content: '';
        width: 2px;
        height: 100%;
        background: #d5d5d5;
        position: absolute;
        left: 17px;
        top: -29px;
        z-index: 0;
    }

    .stepwizard-row.left-section li:first-child:after {
        content: none;
    }





.padd_t_b {
    padding: 0 15px;
}

.closing_discl_button {
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #58b40d;
    border: 1px solid #58b40d;
    font-size: 12px;
    color: #fff;
    margin-top: 15px;
}

    .closing_discl_button:hover, .closing_discl_button:focus {
        background: #469902;
        border: 1px solid #469902;
        color: #fff;
    }

.tran_pric_button {
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #19314a;
    border: 1px solid #0e253d;
    font-size: 12px;
    color: #fff;
    margin-top: 15px;
}

.tran_price {
    font-size: 16px;
    color: #00c6ff;
    font-weight: 600;
    display: inline-block;
}

.tran_price_text {
    font-size: 16px;
    color: #9b9b9b;
    font-weight: 600;
    margin-top: 25px;
}

.tran_price_button {
    padding: 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #19314a;
    border: 1px solid #19314a;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 15px;
}

    .tran_price_button:hover, .tran_price_button:focus {
        background: #1a4674;
        border: 1px solid #1a4674;
        color: #fff;
    }

.contact_list {
    padding: 0;
    margin: 0;
    height: 175px;
    overflow-y: auto;
}

    .contact_list li {
        list-style: none;
        float: left;
        width: 100%;
        padding: 8px 15px 6px 15px;
    }

        .contact_list li .cont_name {
            font-size: 14px;
            font-weight: 600;
            color: #666464;
            float: left;
            line-height: 17px;
        }

        .contact_list li .cont_officer {
            font-size: 12px;
            color: #a4a4a4;
            display: inline-block;
        }

        .contact_list li a {
            font-size: 24px;
            color: #ec6f59;
            float: right;
        }

.order_main_heading {
    margin: 0 0 20px 0;
    border-bottom: 1px dashed #c1c1c1;
    padding: 5px 0;
    float: left;
    width: 100%;
}

.order_main_h2 {
    font-size: 16px;
    color: #01b4e1;
    font-weight: 600;
    float: left;
    margin: 0;
    padding: 0;
}

.order_number {
    color: #000;
}

.summary_list .panel-default > .panel-heading {
    padding: 0;
    position: relative;
}

    .summary_list .panel-default > .panel-heading .panel-title a {
        font-size: 16px;
        font-weight: 600;
        color: #262262;
        padding: 10px 15px;
        display: block;
    }

.float_icon_right {
    float: right;
    font-size: 25px;
    line-height: 18px;
}

.icons_main_view {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 23px;
    font-size: 16px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 7px;
    right: 44px;
}

.popup_h2 {
    font-size: 15px;
    color: #05b8ec;
    font-weight: 600;
    margin: 0 0 10px 0;
    border-bottom: 1px dashed #c1c1c1;
    padding: 0 0 5px 0;
}

.table_td_min {
    width: 120px;
}

.table_td_min_note {
    width: 240px;
}

.submit_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #0671af;
    border: 1px solid #0671af;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0px;
}

.h2_main_property {
    font-size: 16px;
    color: #000;
    margin: 20px 15px 15px 15px;
    text-align: center;
    padding: 0 0 5px 0;
    font-weight: 600;
    border-bottom: 1px dashed #e0e0e0;
}

.print_icon {
    background: #fff;
    border: 1px solid #06abe8;
    color: #06abe8;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 23px;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

    .print_icon:hover {
        background: #06abe8;
        color: #fff;
    }

.modal_popup_scroll .label_summary {
    padding: 0;
}

.padding_box_main {
    padding: 10px 15px;
}

.label_detail {
    color: #3e3e3e;
    font-weight: 600;
    padding: 0 0 0 5px;
    display: inline;
}

.padd_t_r_l_b_detail {
    padding: 12px 15px;
}

.mar_right_noti {
    margin-right: 10px;
}

.order_padd_no {
    padding: 0;
}

/*------------------  Order Details Page Css End   --------------------------*/

/*------------------  Preliminary Closing Disclosure Page Css   --------------------------*/

.button_padd {
    padding: 0 9px;
}

.form_disclos {
    display: block;
    width: 100%;
    margin-bottom: 7px;
}

.form_disclos2 {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.input_box_am {
    height: 31px;
    padding: 4px 5px;
    font-size: 14px;
    border: 1px solid #d5d5d5;
    width: 150px;
}

.colsing_table_custom {
    border: 1px solid #ddd;
    margin-bottom: 0;
}

    .colsing_table_custom th {
        background: #5e6e80;
        color: #fff;
        font-size: 15px;
    }

    .colsing_table_custom .small_text {
        font-size: 10px;
    }

    .colsing_table_custom td.top_bor_no {
        border-top: 0px solid #ddd;
    }

.signat_box {
    margin-top: 15px;
    border-top: 1px solid #b1b1b1;
    padding-top: 3px;
    text-align: center;
}

.borr_sell_h2 {
    font-size: 16px;
    font-weight: 600;
    color: #06b0f8;
    margin: 0;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

.borr_sell_box .form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
}

.borr_sell_inp_box {
    border: 1px solid #eeeeee;
    padding: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.borr_sell_box_in {
    padding: 0 10px;
}

.borr_sell_h4 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 0 0 10px 0;
    padding: 10px 0;
    text-align: center;
    background: #eeeeee;
}

.small_text_heading {
    font-size: 12px;
}

.borr_sell_input {
    height: 31px;
    padding: 4px 5px;
    font-size: 14px;
    border: 1px solid #d5d5d5;
    width: 75%;
    display: inline-block;
}

.borr_sell_input_main {
    height: 31px;
    padding: 4px 10px;
    font-size: 14px;
    border: 1px solid #d5d5d5;
}

.loan_term label {
    font-size: 14px;
    font-weight: 600;
    color: #3f3f3f;
    display: block;
}

    .loan_term label.loan_amount_f {
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }

.table_tr_pad {
    padding: 0 0 7px 0;
}

.font_size16 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.font_size18 {
    font-size: 18px;
    font-weight: 600;
    color: #0098d4;
}

.other_input {
    display: inline-block;
    width: 50%;
}

.margi_bot {
    margin-bottom: 10px;
}

.font_size14 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.check_list_form {
    padding: 0 0 0 15px;
    margin: 0;
}

    .check_list_form li {
        padding: 3px 0;
    }

.interest_pri_input {
    display: inline-block;
    width: 90%;
}

.custom_head > thead > tr > th {
    border-bottom: 0px solid #000;
    border-top: 0px solid #000;
    padding-top: 4px;
    padding-bottom: 4px;
}

.plus_mins_link {
    font-size: 16px;
    font-weight: 600;
    color: #01b5fc;
    margin: 0 10px;
}

.small_input {
    width: 25px;
    display: inline-block;
    height: 27px;
    padding: 4px 3px;
    font-size: 13px;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
}

.input_box_table {
    height: 31px;
    padding: 4px 5px;
    font-size: 14px;
    border: 1px solid #d5d5d5;
}

.input_select_small {
    width: 80px;
    display: inline-block;
    padding: 4px 3px;
    height: 27px;
    vertical-align: middle;
    font-size: 13px;
}

.add_inform_h4 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding: 15px 0 5px 0;
}

.bottom_mar {
    margin-bottom: 15px;
}

.sendmail_inpu {
    height: 31px;
    padding: 4px 10px;
    font-size: 14px;
    border: 1px solid #d5d5d5;
    width: 175px;
    display: inline-block;
}

.send_button {
    display: inline-block;
    padding: 7px 8px;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0 4px 4px 0;
    margin-left: -8px;
    color: #fff;
    background: #0390c8;
}

.col-sm-7 .form-control[disabled] {
    background-color: #fff;
    opacity: 1;
    border: 1px solid #fff;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    height: 24px;
    padding: 0;
    -webkit-appearance: none;
    cursor: default;
    font-weight: bold;
}

.cont_label_m {
    margin-top: 2px;
}

.login_viewbag_message {
    border: 1px solid red;
}

.save_button {
    padding: 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #19314a;
    border: 1px solid #0e253d;
    font-size: 14px;
    color: #fff;
}

.editable-form .form_controls {
    margin: 0;
}

.editable-form select.form_input_box {
    height: 24px;
    padding: 0 10px;
    line-height: 24px;
    font-size: small;
    margin-bottom: 7px;
}

.editable-form .form_input_box {
    height: 24px;
    font-size: small;
    margin-bottom: 7px;
}

.editable-form label.label_text {
    line-height: 20px;
}

.very_small_text {
    font-size: 11px;
    color: #919191;
}

/*------------------  Preliminary Closing Disclosure Page Css   --------------------------*/


#contact-search-input {
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 4px;
    background-color: #fff;
    float: right;
    margin-bottom: 15px;
    height: 31px;
}

    #contact-search-input input {
        border: 0;
        box-shadow: none;
        height: 23px;
        background: transparent;
    }

    #contact-search-input button {
        margin: 0;
        background: none;
        box-shadow: none;
        border: 0;
        color: #666666;
        padding: 0 8px 0 10px;
        border-left: solid 1px #ccc;
    }

        #contact-search-input button:hover {
            border: 0;
            box-shadow: none;
            border-left: solid 1px #ccc;
        }

.search_contact_label {
    margin-top: 4px;
}

.success_heading {
    font-size: 30px;
    font-weight: 600;
    color: #58b40d;
    margin: 0;
    padding: 20px 0 10px 0;
}

.thank_text {
    font-size: 18px;
    font-weight: 600;
    color: #4a4a4a;
    padding-bottom: 10px;
}

.order_nu_comp {
    font-size: 20px;
    color: #01b4e1;
    padding-bottom: 30px;
}

.order_notifi_box {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}

.btn-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 8px;
}

.order_notific_contnet {
    display: inline-block;
    width: 83%;
    vertical-align: middle;
    color: #8a8a8a;
}

.main_notifi_hd_h2 {
    font-size: 17px;
    font-weight: 600;
    color: #19314b;
    text-align: center;
    margin: 0;
    background: #f6f6f6;
    padding: 13px 10px;
}

.order_main_heading .notification:after {
    border-bottom-color: #f6f6f6;
}


.view_order_cont_pic {
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #8b8c8c;
    width: 45px;
    height: 45px;
}

.required {
    color: red;
    padding-left: 2px;
}

.icon_box_fl .notification_order {
    position: absolute;
    top: 39px;
    right: -29px;
    width: 315px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.notifi_box {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 10px;
}

.icon_box_fl .notification_order:after, .icon_box_fl .notification_order:before {
    bottom: 100%;
    right: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.icon_box_fl .notification_order:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}

.icon_box_fl .notification_order:before {
    border-color: rgba(211, 211, 211, 0);
    border-bottom-color: #d3d3d3;
    border-width: 16px;
    margin-left: -16px;
}

.history_log_button {
    padding: 4px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #00a2ff;
    border: 1px solid #0098f0;
    font-size: 13px;
    color: #fff;
    margin-top: 0px;
}

.upload_pic_text {
    display: block;
    font-size: 10px;
    margin-top: 0px;
    color: #898989;
}

.margin_right_icon {
    margin-right: 6px;
}

.view_select_box {
    float: right;
    margin: 7px;
}

.view_select_text {
    display: inline-block;
}

.view_select_input {
    width: 100px;
}

.state_list {
    margin: 0;
    padding: 0;
}

    .state_list li {
        list-style: none;
        padding: 4px 15px 4px 30px;
        background: url(../images/point_icon.png) 15px center no-repeat;
        width: 33%;
        display: inline-block;
        box-sizing: border-box;
    }

        .state_list li a {
            color: #0098f0;
        }

.h3_state_heading {
    font-size: 17px;
    font-weight: 600;
    color: #04b0f0;
    margin: 40px 0 10px 0;
    padding: 0 0 5px 0;
    font-weight: 600;
    border-bottom: 1px dashed #e0e0e0;
    text-align: center;
}

.state_insure_imag {
    margin-right: 20px;
}

.report_check_box {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
}

    .report_check_box .control {
        display: inline-block;
        position: relative;
        padding-left: 27px;
        margin-bottom: 0;
        cursor: pointer;
        font-weight: normal;
        line-height: 22px;
        padding-right: 0;
        vertical-align: sub;
    }

        .report_check_box .control input {
            position: absolute;
            z-index: -1;
            opacity: 0;
        }

    .report_check_box .control__indicator {
        position: absolute;
        top: 2px;
        left: 0;
        height: 20px;
        width: 20px;
        background: #e6e6e6;
        border: 1px solid #b2b3b3;
        border-radius: .25em;
    }


    .report_check_box .control:hover input ~ .control__indicator,
    .report_check_box .control input:focus ~ .control__indicator {
        background: #ccc;
    }


    .report_check_box .control input:disabled ~ .control__indicator {
        background: #e6e6e6;
        opacity: 0.6;
        pointer-events: none;
    }

    .report_check_box .control__indicator:after {
        content: '';
        position: absolute;
        display: none;
    }

    .report_check_box .control input:checked ~ .control__indicator:after {
        display: block;
    }

    .report_check_box .control--checkbox .control__indicator:after {
        left: -1px;
        top: -1px;
        width: 20px;
        height: 20px;
        font-family: 'FontAwesome';
        content: "\f00c";
        color: #5ebc4c;
        font-size: 13px;
        background: #fff;
        border: 1px solid #5ebc4c;
        border-radius: .25em;
        padding-top: 0;
        padding-left: 2px;
        line-height: 19px;
        text-align: left;
    }

    .report_check_box .control--checkbox input:disabled ~ .control__indicator:after {
        border-color: #7b7b7b;
    }

.report_date_box {
    width: 200px;
}

.report_send_button {
    padding: 4px 30px 5px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #00a2ff;
    border: 1px solid #0098f0;
    font-size: 14px;
    color: #fff;
    margin-bottom: 7px;
}

.edit_icon_main {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 21px;
    padding: 0;
    margin: 0;
    background: #fff;
    border: 1px solid #06abe8;
}

    .edit_icon_main:before {
        color: #06abe8;
        font-family: 'FontAwesome';
        content: "\f040";
        font-size: 16px;
    }

    .edit_icon_main:hover {
        background: #06abe8;
        color: #fff;
    }

        .edit_icon_main:hover:before {
            color: #fff;
            font-family: 'FontAwesome';
            content: "\f040";
            font-size: 16px;
        }


div.zabuto_calendar .table tr.calendar-dow td {
    border: 1px solid #ddd;
}

div.zabuto_calendar .table {
    border: 0px solid #ddd;
}

    div.zabuto_calendar .table tr.calendar-dow-header th {
        font-size: 14px;
        font-weight: normal;
    }

    div.zabuto_calendar .table th {
        padding: 2px 0px;
        text-align: center;
    }

    div.zabuto_calendar .table tr td div.day {
        padding-top: 2px;
        padding-bottom: 2px;
    }

div.zabuto_calendar div.legend {
    margin-top: 0px;
}

div.zabuto_calendar .table tr.calendar-month-header td {
    padding-top: 4px;
    padding-bottom: 0px;
}

    div.zabuto_calendar .table tr.calendar-month-header td span {
        padding-bottom: 6px;
    }

.requiredAlert {
    border: solid red;
}

.graph_chart_box #chartdiv .amcharts-main-div .amcharts-legend-div {
    left: 330.5px !important;
    width: 243.5px !important;
}

.graph_chart_box #chartdiv .amcharts-main-div .amcharts-chart-div {
}

.amcharts-chart-div a {
    display: none !important;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/yourimagefolder/loading.gif') 50% 50% no-repeat rgb(249,249,249);
}

.align_left {
    margin-left: 20px;
    float: left;
}

.drag_me {
    -webkit-user-drag: element;
}

.appendchat {
    right: 0;
    bottom: 60px;
    position: fixed;
}

.ChatWindow {
    width: 300px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.back-button {
    margin-bottom: 15px;
}

/*Loader css........................................................*/
.loader-bg {
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.loader {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 80px;
    height: 80px;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 999999;
    background: rgba(255,255,255,.5);
}

.small-loader {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 30px;
    height: 30px;
    background: transparent;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 999999;
}

/* Google Map*/
.google-map {
    width: 100%;
    height: 400px;
    border: 1px solid #ccc;
}

.street-view {
    width: 100%;
    height: 400px;
    border: 1px solid #ccc;
}


#dvMultipleDDLchk button.multiselect.dropdown-toggle.btn.btn-default {
    overflow: hidden;
}

.pad-0 {
    padding: 0px;
}

.pad-5 {
    padding: 5px;
}

.smlBlock {
    width: 90px;
    display: inline-block;
}

.spnInsAss {
    float: left;
    line-height: 30px;
}

.txtLoanAmount {
    width: 45px;
    display: inline-block;
}

a#btnOrdercomplete {
    text-decoration: underline;
}

a#btnHere {
    text-decoration: underline;
}

a#btnclosingfees {
    text-decoration: underline;
}

.lblspanvalidationcolor {
    color:red;
}

.lblernstheader{
    font-size: 16px;
    margin-left: 15px;
}

.btnanotherpeople {
    margin-left: 230px;
    margin-top: 0px;
}

.margin_left{
    margin-left: 15px;    
    float: left;
}

div#DivToAppendPartialView {
    width: 694px !important;
}

dt.customMapWidth {
    width: 190px;
    margin-right: 10px;
}

.custom-map-width-height{
    width: 730px; 
    height: 530px;
}

.map-logo-margin{
    margin-right:-50px !important;
}

.map-encompass-logo-margin{
    margin-left:-20px !important;
}

.map-aicpa-logo-margin{
    margin-left:-75px !important;
}

.chartdiv-width-height{
    width:650px; 
    height:200px;
}

.displayNone{
    display: none;
}

.btnCloseMargin{
    margin-right: 30px;
}

.viewbag-message-color{
    border: 1px solid red;
}

.event-calender-overflow{
    overflow:hidden;
}

.propert-search-btn-margin{
    margin-top: 20px;
}

.span-required-color{
    color: red;
}

.chk-property{
    width: 18px;
    height: 18px;
    margin: 0px 0px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.percentage-of-loan-amount{
    width:30px; 
    display:inline-block;
}

.cdPrepaids_Property_TaxesDayMonthYear{
    width:90px; 
    display:inline-block;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.modal-content .modal-dialog {
    margin-top: 10px;
}

    .modal-content .modal-dialog .modal_popup_scroll {
        max-height: calc(100vh - 40px);
    }

.doller {
    margin-top: 7px;
    text-align: center;
}

.nopadding {
    padding: 0px;
}

.float_right {
    margin-right: 5px;
}

    .float_right form {
        display: inline-block;
        width: auto;
    }

#divBT input[type="text"], #divST input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
}
/*start 02.05.18*/
#ChkProperty {
    width: 18px;
    height: 18px;
    margin: 0px 0px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.overflow-y-auto {
    box-sizing: border-box;
    max-width: 100%;
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
}
/*end 02.05.18*/

/*30.05.18*/
.custom-map-id {
    width: 60%;
    display: inline-block;
    background: #fff;
    box-shadow: 0px 0px 6px 2px #eaeaea;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

    .custom-map-id h4 {
        margin: 0 0 20px 0;
    }

.breadcrumb_list {
    margin-bottom: 0px;
}

.back {
    background: #e2e2e2;
    padding: 10px 20px;
    line-height: 15px;
    margin-bottom: 10px;
}

    .back h5, .back p {
        font-size: 12px;
        margin: 0;
    }

    .back h5 {
        font-weight: 800;
        font-size: 14px;
    }

    .back p:last-child {
        margin-top: 15px;
    }

    .back img {
        /*width: 100%;*/
        margin-top: 11px;
    }

#map {
    padding: 30px 10px;
    display: inline-block;
    float: none;
    position: relative;
}

.input {
    position: absolute;
    bottom: 10px;
    right: 26px;
    text-align: left;
    color: #969696;
    font-size: 16px;
}

.fotter1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#116eb7+0,6a8dc7+49,ffffff+100 */
    background: #116eb7; /* Old browsers */
    background: -moz-linear-gradient(top, #116eb7 0%, #6a8dc7 49%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #116eb7 0%,#6a8dc7 49%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #116eb7 0%,#6a8dc7 49%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#116eb7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    padding: 30px 0px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
}

    .fotter1 h3 {
        font-weight: 800;
        font-size: 20px;
        margin: 0px;
        letter-spacing: 1px;
    }

    .fotter1 p {
        font-size: 13px;
        font-weight: 400;
        margin: 0;
        margin-top: 15px;
        line-height: 19px;
    }

        .fotter1 p:nth-of-type(2) {
            margin-top: 20px;
        }

    .fotter1 ul {
        width: 100%;
        float: left;
        list-style-type: none;
    }

        .fotter1 ul li {
            display: inline-block;
            margin: 20px 20px;
        }

    .fotter1 p:last-child {
        font-size: 9px;
        font-weight: 700;
        color: #116eb7;
        word-spacing: 2px;
        line-height: 15px;
    }

.delte {
    position: relative;
}

#btndeleteLender {
    position: absolute;
    top: 0px;
    right: 0px;
}

.display_none {
    display: none;
}

li.disabled label {
    color: #fff !important;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover > label {
    color: #fff !important;
    background-color: #337ab7 !important;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a > label {
    color: #fff !important;
    background-color: #337ab7 !important;

}

#orderClientInfo .row {
    display: flex;
    flex-wrap: wrap;
}

#orderClientInfo .row .form_controls {
    flex-wrap: wrap;
    flex: 50%;
}

#orderClientInfo label {
    overflow-wrap: break-word;
}

#msform .panel-default > .panel-heading {
    padding: 0.5rem;
}